@charset "gb2312";

*{margin:0;padding:0;text-decoration: none;color: inherit;}
html,body { width:100%; }
html { font-family: "微软雅黑";sans-serif;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
ul, ol, li { list-style-type:none; display: block; margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, th { font-size:100%;font-weight: normal;}
input,textarea,button,select {background-color:transparent;box-shadow:none;font-family: inherit;font-size: inherit;}
em,i,b{font-weight:normal;font-style:normal;}

/* 声明自适应 */
html{font-size:10px}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:12px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:16px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:18px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:20px}}
@media screen and (min-width:800px){html{font-size:22px}}


/* 链接颜色 */
a:link,a:visited,a:active,a:hover { color: #333; text-decoration: none;}
a.cBlue:link,a.cBlue:visited {color:#25D;}
a.cBlue:hover {color:#FF3C00;text-decoration: none;}
a.cRed:link,a.cRed:visited {color:red;}
a.cRed:hover {color:red;text-decoration: none;}
a.blue{color:#25d}

/*字体颜色*/
.blue {color: #00D;}
.green {color: #247607;}
.red {color: #fd4d39;}
.c_ccc{color: #ccc;}
.cut-line{color: #BBB;padding: 0 5px;} 
.whitebg{ background-color: #fff}

/*字体大小*/
.f16{font-size: 1.6rem;}

/* 表单类 */
.but_a{background:url(/images/but_bg.png) repeat-x; border: 1px solid #7188C6; display:inline-block; color:#fff; padding:0 10px; height:24px;line-height: 22px; margin-left:10px; text-decoration:none;cursor: pointer;}


/*间距属性*/
.container{max-width: 1024px;margin: 0 auto;padding-bottom:50px;background: #f6f6f6;}
.fix_css{height: 44px;max-width=640px;z-index:89;}
.mid{ vertical-align:middle;}
.mt8 {margin-top:8px;}
.mb8 {margin-bottom:8px;}
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.clear { clear: both; height: 0px; font-size: 0px; visibility: hidden; line-height: 0px; }
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix{*zoom:1;}
.none { display:none; }
.dbline { border-top: 1px solid #1A80D2; border-bottom: 1px solid #5EBCFE; }
.dbline1 {border-bottom: 1px solid #ddd}

/*分页*/
.pagelist{clear:both; padding: 1rem 0;text-align:center;line-height: 2.8rem;font-size: 1.2rem;}
.pagelist a{height: 2.6rem;line-height: 2.6rem;border: 1px solid #ccc;padding:0.3rem 0.8rem;background: url(../images/bt_2.gif) navajowhite;margin-right:0.5rem;}
.pagelist span{padding:0 0.5rem;font-weight:700;}
.pagelist strong{height: 2.6rem;border: 1px solid #31a2fd;padding:0.3rem 0.8rem;margin-right: 0.5rem;background: #31a2fd;color: white;}

/* 必要布局样式css */
.flexView{width:100%;height:100%;max-width: 768px;margin: 0 auto;background: #f6f6f6;}
.scrollView{width:100%;height:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;}

/* 通用头部css */
.navBar{height:4.4rem;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:102;background:#fff}
.navBar-item{height:4.4rem;min-width:20%;-webkit-box-flex:0;-webkit-flex:0 0 15%;-ms-flex:0 0 15%;flex:0 0 15%;padding:0 .9rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:.7rem;white-space:nowrap;overflow:hidden;color:#808080;position:relative}
.navBar-item:first-child{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;margin-right:-25%;font-size:.9rem;font-weight:bold}
.navBar-item:last-child{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;font-size:12px;color:#4e85fd}
.center{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:44px;width:60%;margin-left:20%}
.center .title{text-align:center;width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;font-size:1.4rem;}
.navBar .icon{width:19px;height:19px;display:block;border:0;float:left;background-size:19px;background-repeat:no-repeat}function echo(stringA,stringB){var hello="你好";alert("hello world")}
.navBar .icon-return{background-image: url(/images/icon/return.png)}
.navBar .icon-search{background-image: url(/images/icon/search.png)}
.navBar .icon-share{background-image: url(/images/icon/share.png)}


/*底部导航*/
.footer{position: fixed;left: 0;bottom: 0;width: 100%;height: 4.5rem;z-index: 100;background: #FFFFFF;box-shadow: 0 0 1px #a5a5a5;}
.footer ul{display: flex;justify-content: space-around;align-items: center;width: 100%;height: 100%;}
.footer ul li{display: flex;flex-direction: column;justify-content: center;-webkit-box-align: center;align-items: center;}
.footer ul li i{width: 1.6rem;height: 1.6rem;text-align: center;}
.footer ul li.home i{background-image: url(../images/icon/home.png);background-size: 1.6rem 1.6rem;}
.footer ul li.news i{background-image: url(../images/icon/news.png);background-size: 1.6rem 1.6rem;}
.footer ul li.search i{background-image: url(../images/icon/search.png);background-size: 1.6rem 1.6rem;}
.footer ul li.middle i{width: 3.0rem;height: 3.0rem;text-align: center;background-image: url(../images/icon/add.png);background-size: 3.0rem 3.0rem;}
.footer ul li.mine i{background-image: url(../images/icon/my.png);background-size: 1.6rem 1.6rem;}
.footer ul li p{padding-top: 1px;font-size: 1.0rem;}

/*nav选项*/
.tab-nav{height:4.0rem;line-height:4.0rem;display:block;position:relative;background:#fff;z-index:1;width:100%;}
.tab-nav-item{height:4.0rem;line-height:4.0rem;position:relative;text-align:center;color:#585858;font-size: 1.2rem;display:block;float:left;width:25%;}
.tab-nav-item.active a {color: #f55b04;font-size:1.4rem;font-weight: bold;}
.tab-nav-item a{display:inherit;font-size: 16px;color:#525252;}
.b-line{position:relative}
.b-line:after{content:'';position:absolute;z-index:2;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #e2e2e2;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:0 100%;transform-origin:0 100%}

.tab-panel{position:relative;overflow:hidden}
.tab-panel .tab-panel-item{width:100%;position:absolute;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.tab-panel .tab-panel-item.tab-active~.tab-panel-item{-webkit-transform:translateX(100%);transform:translateX(100%)}
.tab-panel .tab-panel-item.tab-active{position:relative;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;-webkit-transform:translateX(0);transform:translateX(0)}
.tab-nav-item.tab-active:before{content:'';width:40%;height:3px;position:absolute;left:50%;bottom:0;margin-left:-20%;z-index:4;border-radius:100px;background-color:#f55b04}


/*头部*/
.header{height: 4.4rem;line-height: 4.4rem;background-color: white;position: sticky;z-index: 10;top: 0px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.header .logo{width: 34%;height: 4.4rem;}
.header .logo a{width: 100%;height:100%;background: url(../images/logo.png) 0 1.5rem no-repeat;background-size: 11rem;display:  inline-block;}
.header .search{width: 55%;height: 3.0rem;padding-left: 0.6rem;border-radius: 0.5rem;background: #f8f8f8;margin-left: 0.5rem;margin-top: 0.6rem;position: relative;}
.header .search input{height: 3.3rem;line-height: 3.6rem;font-size: 1.2rem;border: none;background: transparent;display: block;padding-left: 2.5rem;}
.header .search .icon{width: 2.0rem;height: 2.0rem;background: url(/images/icon/find.png) no-repeat 0;background-size: 2.0rem;position: absolute;top: 0.5rem;left: 0.5rem;}

.header .left {cursor: pointer;position: absolute;width: 4.0rem;height: 4.4rem;left: 0;}
.header .left a{padding: 0 0.9rem;height: 4.4rem;min-width: 15%;display: flex;-webkit-align-items: center;-ms-flex-align: center; align-items: center; }
.header .left i{width: 2.0rem;height: 2.0rem;display: block;background: url(/images/icon/return.png) 0 0 no-repeat;background-size:1.6rem;}

.header .cent{height: 4.4rem;text-align: center;font-size: 1.4rem;position: absolute;}
.header .cent ul{margin:0 auto;display:inline-block;}
.header .cent li{float:left;padding: 0 0.8rem;text-align:center;}
.header .cent li a{display:inline-block;color:#3c3f46;line-height:4rem;padding:2px;}
.header .cent li.active a{color:#df3031;border-bottom: 2px solid #df3031;padding-bottom: 0;}

.header .share{position: absolute;width: 4.0rem;height: 4.4rem;right: 1rem;}
.header .share i{width: 3.2rem;height: 3.2rem;background: url(/images/icon/share.png) 0.5rem 0.5rem no-repeat;background-size: 1.8rem auto;display: block;margin: 0.5rem;}



 /* 全局搜索*/
.search-page{padding: 10px 10px;background-color: #fff;}
.search-page .search{margin:0 10px;position: relative;}
.search-page input{width: 100%;display: inline-block;height: 40px;padding-left: 10px;border: 2px solid #eee;border-radius: 5px;outline: none;font-size: 16px;background-color: #eee;}
.search-page .btn {width: 30px;height: 44px;background: url(../images/icon/find.png) no-repeat 0;background-size: 30px;border: none;position: absolute;top: 0;right: 0;}

.tab { font-size: 16px;}
.tab-hd{height: 4rem;line-height: 4rem;}
.tab-hd li {float: left;width: 20%;text-align: center;cursor: pointer;}
.tab-hd li.active {font-size: 1.8rem;font-weight: 700;}
.tab-bd {width: 96%;margin-top: 10px;}
.tab-bd li {display: none;}
.tab-bd li.thisclass {display: list-item;}

.hot_search{padding: 0 20px;margin-top: 10px;background: #fff;font-size: 16px;}
.hot_search .tit{font-size: 20px;font-weight: 700;line-height: 30px;display: flex;}
.hot_search .ico{margin-right: 8px;width: 24px;height: 24px;background-image: url(../images/icon/hot.png);background-size: 100%;}
.hot_search .sitename{-webkit-box-align: center;-webkit-align-items: center;align-items: center;display: flex;}
.hot_search .sitename .line {-webkit-box-flex: 1; -webkit-flex: 1;flex: 1; height: 0.5px; background-color: #d8d8d8;}
.hot_search .sitename .text { color: #666;margin: 0 12px;}
.hot_search ul{padding: 10px 0 10px 25px;background: url(../images/top_list.gif) no-repeat 0 16px;}
.hot_search li{height:36px;line-height:36px; overflow:hidden;}
.hot_search li span{float:right;color:#ff6600;}


/* 弹出导航 */
#daohang{position: fixed;width: 100%;background: rgb(255, 255, 255);height: 100%;z-index: 999;top: 45px;max-width: 640px;}
#daohang .person{height: 44px;line-height: 44px;font-size: 14px;background:#FFF;text-align: left;position: relative;}
#daohang .person .channel{ width: 74px;text-align: center;display: inline-block;color: #666;;}
#daohang .person .myinfo{float: right; position: relative;display: block;margin-right: 8px;overflow: hidden;}
#daohang .person .myinfo a{display: block;height: 44px;color: #83868f; padding-right: 14px}
.swipe-wrap {overflow: hidden;position: relative;}
.split-line{height: 10px; background-color: #F4F4F4;width: 100%;}
.ofh{overflow:hidden;}

/*头部下搜索*/
.Search{padding:8px 0 0 0;overflow: hidden;background: white;}
.box {height: 2.8rem;border-bottom: 1px solid #f2f2f2;background-color: white;position: relative;margin: 0 1.5rem;}
.box .input{overflow: hidden;border-radius: 5px;}
.box .input .text {height: 2.8rem;line-height: 2.8rem;font-size: 1.2rem;border: none;}
.box .btn {width: 1.5rem;height: 1.5rem;background: url(../images/icon/find.png) no-repeat 0;background-size: 1.5rem;border: 0 none;position: absolute;right: 0.5rem;top: 0.6rem;}

/*快捷搜索*/
.search_box{padding: 0 1.5rem;font-size: 1.2rem;margin-bottom: 0.8rem;background: white;}
.search_box h2{color: #0088E7; border-bottom: 1px solid #379BE9; height: 33px; line-height: 33px; font-size: 15px; margin-bottom: 5px;}
.search_box .more { font-size: 12px; float: right; margin-right: 10px;}
.search_box .info {position: relative;padding: 0.5rem 0;border-bottom:1px solid #f4f4f4;line-height: 2.6rem;}
.search_box .info b{font-weight: 500;margin-right: 10px;float: left;  color: #878787;}
.search_box .info ul {overflow: hidden;position: relative;padding-right: 2.0rem;height: 2.4rem;white-space: nowrap;}
.search_box .info ul.change { height: auto;}
.search_box .info ul li {float: left;margin-right: 2.0rem;}
.search_box .info .on { background: #FFF7EB; border: solid 1px #D2994A; padding: 2px 2px;-webkit-border-radius: 3px;}

/**新闻列表**/
.newslist {padding: 10px 15px;}
.newslist .info {margin: 10px 0;border-bottom: 1px #CCC solid;}
.newslist .list {line-height: 22px; padding: 10px 0;}
.newslist .list h2 {font-size: 16px;line-height: 28px;font-weight: bold;}
.newslist .list dt{color: #555; font-size: 15px; margin-top: 10px;text-indent: 30px;}
.newslist .list dd{color: #999; font-size: 14px; margin-top: 10px;}
.newslist .list dd span{padding: 0 5px;float: right;}


/**标题**/
.Tit { height: 42px; line-height:42px; border-bottom: 1px solid #f4f4f4;font-size: 16px; margin:0 15px;overflow: hidden;  }
.Tit strong {width: 35%;float: left; padding-left: 5px;}
.Tit span {float: right; font-size: 14px;}

/**二手标签*/
.stag{margin-top: 3px;height: 16px;font-size: 10px; color: #536d8c;}
.stag span{float: left;margin-right: 4px;line-height: 13px;padding: 0 3px; border: 1px solid #f4f6f9;overflow: hidden;color: #597588;background: #F4F7F9;vertical-align: middle;}
.stag .free{float: right;line-height: 13px;color: green;border: solid 1px green;padding: 2px 2px 0 2px; background: none;}
.stag .top{ float: right;line-height: 13px;color: red;border: solid 1px red; padding: 2px 2px 0 2px; background: none;}


/* 跳转箭头 */
.arr-rt{position: relative;padding-right: 14px;}
.arr-rt:after{ position: absolute; content: '';right:0;top: 50%; margin-top: -6px; width: 6px; height: 12px; background: url(/image/icons_c.png) 0 0 no-repeat; background-size: 20px auto;}
.downArr { width: 16px; height: 16px; background: url(../images/arr-down.png) no-repeat center center; display: block; background-size: 13px 14px; position: absolute; right: 1px; top: 13px; cursor: pointer;}
.upArr { background: url(../images/arr-up.png) no-repeat center center ; -webkit-background-size: 13px 14px; background-size: 13px 14px;}


 /*服务电话*/
.servicer{color: #999;text-align: center;margin-bottom: 60px;}
.servicer p{font-size: 14px;line-height:20px;padding: 5px 0;}
	
/*新底部样式*/
.gbottom{position:fixed;bottom:0px;width:100%;height:50px;border-top: 0.5px solid rgba(230, 230, 230, .7);background-color: rgb(255, 255, 255);z-index:9;text-align:center;color:#999;}
.gbottom .d1{-webkit-box-flex:1;height:50px;padding:5px;}
.gbottom .d1 .dm{float:left;width:20%;}
.gbottom .d1 .dm img{height:20px;}
.gbottom .d1 .dm1{float:left;width:20%;}
.gbottom .d1 .dm1 span{float:left;margin-left:calc(50% - 17px);padding-top:7px;background-color:#FF6600;text-align:center;width:34px;height:27px;border-radius:30px;}
.gbottom .d1 .dm1 span img{width:20px;}

/*分享朋友圈*/
.am-share { font-size: 14px; border-radius: 0; bottom: 0; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 1110; }
.am-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }
.am-share-title {background-color: white;border-top-left-radius: 3px;border-top-right-radius: 3px;font-size: 1.4rem;font-weight: 400;padding: 10px 0 0;text-align: center;}
.am-share-title::after { border-bottom: 1px solid #dfdfdf; content: ""; display: block; height: 0; margin-top: 10px; width: 100%; }
.am-share-footer {margin: 0 0 10px 0;}
.am-share-footer .share_btn {color: #555;display: block;width: 100%;background-color: white;border: none;border-radius: 0;cursor: pointer;font-size: 16px;font-weight: 400;line-height: 1.2;padding: 0.625em 0;text-align: center;transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s;vertical-align: middle;white-space: nowrap;}
.am-share-sns {background-color: white;padding-top: 15px;height:auto;zoom:1;overflow:auto;}
.am-share-sns li { margin-bottom: 15px; display: block; float: left; height: auto; width: 25%; }
.am-share-sns a { color: #555; display: block; text-decoration:none; }
.am-share-sns span { display: block; }
.am-share-sns li i {color: #fff;display: inline-block;font-size: 18px;height: 36px;line-height: 36px;margin-bottom: 5px;width: 36px;}
.am-share-sns .share-icon-friends {background: url(../images/icon/friends.png);background-size: 36px auto;}
.am-share-sns .share-icon-weixin {background: url(../images/icon/weixin.png);background-size: 36px auto;}
.am-share-sns .share-icon-text {background: url(../images/icon/text.png);background-size: 36px auto;}
.am-share-sns .share-icon-member {background: url(../images/icon/member.png);background-size: 36px auto;}
.sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.sharebg-active { opacity: 1; display:block; }

.am-share-sns .share-icon-sale {background: url(../images/member/sale.png);background-size: 36px auto;}
.am-share-sns .share-icon-rent {background: url(../images/member/rent.png);background-size: 36px auto;}
.am-share-sns .share-icon-buy {background: url(../images/member/buy.png);background-size: 36px auto;}
.am-share-sns .share-icon-seek {background: url(../images/member/seek.png);background-size: 36px auto;}